@charset "utf-8"; 
 
*{
 	margin: 0;
 	padding: 0;
 	text-decoration: none;
 	list-style: none;
 	font-family: "microsoft yahei";
 	color: 202020;
 }
 
.web{
 	width: 100%;
 	height: 100%;
 	min-width: 1366px;
 }
 
header{
 	// height: 40px;
 	width: 100%;
 	background-color: #212121;
 	>.top{
 		padding-top: 20px;
 		padding-bottom: 9px;
 		width: 73.2%;
 		margin: 0 auto;
 		display: flex;
 		justify-content:space-between;
 		align-items: center;
 		>.t_left{
 			>img{
 				margin-right:10px;
 			}
 		}
 		>.t_right{
 			
 			>p{
 				font-family: "microsoft yahei";
 				font-size: 12px;
 				color: #bbbbbb;
 			}
 		}
 	}
 }
 
nav{
 	position: relative;
 	>.navimg{
 		position: absolute;
 		left:25%;
 		top:4%;
 	}
 	>ul{
 		margin: 0 auto;
 		width: 35.7%;
 		display: flex;
 		justify-content: space-around;
 		padding-top: 89px;
 		padding-bottom: 14px;
 		>li{
 		
 			>a{
 				text-decoration: none;
 				color: black;
 				font-size: 14px;
 			}
 		}
 	}
 }
 
.lunbo{
	width: 100%;
	>.lunbo_bg{
		width: 100%;
	}
}
section{
	margin: 0 auto;
	width: 73.2%;
	.weizhi{
		 width: 100%;
		 display: flex;
		 margin-top: 20px;
		 font-size: 16px;
		 >.pbox1{
			width: 10%;
			text-align: center;
			border-bottom: 1px solid black;
			font-weight: bold;
		 }
		 >.pbox2{
			width: 90%;
			background-color: black;
			color: white;
			 
		 }
	 }
	.jieshao{
		width: 85%;
		margin: 0 auto;
		display: flex;
		margin-top: 97px;
		color: #000000;
		.jsimg{
			width: 50%;
		}
		.jsp{
			width: 50%;
			margin-left: 10%;
			.jsp1{
				font-size: 48px;
				padding-top:100px;
			}
			.jsp2{
				padding-top:6%;
				font-size: 18px;
				letter-spacing: 2px;
			}
			.jsp3{
				padding-top:4%;
				font-size: 14px;
				letter-spacing: 2px;
			}
			.jsp4{
				padding-top:7%;
				font-size: 18px;
			}
			.jsp5{
				padding-top:3%;
				font-size: 12px;
			}
			.yincang{
				padding-top:5%;
				font-size: 16px;
				color: #757575;
				position: relative;
				&::after{
					content: "";
					width: 15%;
					position: absolute;
					top: 110%;
					right: 85%;
					border-bottom: 1px solid #d0d0d0;
				}
			}
		}
	}
	.xijie{
		width: 85%;
		margin: 0 auto;
		display: flex;
		padding-top: 50px;
		.xjleft{
			width: 50%;
			p{
				width: 88%;
				margin-top: 8%;
				font-size: 14px;
				color:#000000;
			}
			.xjleft1{
				margin: 0;
				font-size:28px;
			}
		}
		.xjright{
			margin-left: 10%;
			width: 50%;
			p{
				font-size: 18px;
				color: #000000;
			}
			.rightp1{
				padding-bottom: 5%;
				position: relative;
				&::after{
					content: "";
					width: 30%;
					position: absolute;
					top: 75%;
					left: 0;
					border-bottom: 1px solid #bfbfbf;
				}
			}
			.rightp2,.rightp3{
				font-size:14px;
				color: #454545 ;
			}
			.rightp4{
				padding: 6% 0;
				position: relative;
				&::after{
					content: "";
					width: 30%;
					position: absolute;
					top: 75%;
					left: 0;
					border-bottom: 1px solid #bfbfbf;
				}
			}
			.rightp5{
				font-size:14px;
				padding-bottom: 8%;
				position: relative;
				&::after{
					content: "圆弧形双面防反光耐磨损蓝宝石水晶";					
					position: absolute;
					top: 34%;
					left: 0;
					color:#a8a8a8;
				}
			}
			.right-span1{
				display: inline-block;
				width: 30%;
				position: relative;
				font-size: 14px;
				&::after{
					content: "精钢表壳";	
					font-size: 14px;
					position: absolute;
					top: 94%;
					left: 0;
					color:#a8a8a8;
				}
			
			}
			.right-span2{
				display: inline-block;
				width:40%;
				position: relative;
				font-size: 14px;
				&::after{
					content: "表壳直径：35毫米";								font-size: 14px;
					position: absolute;
					top: 94%;
					left: 0;
					color:#a8a8a8;
				}
			
			}
		}
	}
	.gongyi{
		width: 85%;
		margin: 0 auto;
		.gyp{
			font-size: 28px;
			color: #000000;
			padding: 55px 0 27px 0;
		}
		.gyimages{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			font-size: 0;
		>div{
			width: 33%;
			border: 1px solid white;
		}
		.gybox2{
			text-align: center;
			background-color:#292929;
			position: relative;
			&::before{
				content: "";
				width: 0;
				border-top: 15px solid transparent;
				border-bottom: 15px solid transparent;
				border-left: 30px solid white;
				position: absolute;
				left: 0%;
				top: 40%;
				
			}
			.gyp1{
				font-size:18px;
				color: #ffffff;
				padding:15% 0 10% 0;
				position: relative;
				&::after{
					content: "";
					width: 60%;
					border-bottom: 1px solid #626262;
					position: absolute;
					left: 20%;
					top: 80%;
				}
			}
			.gyp2{
				font-size:14px;
				color: #ffffff;
				padding-bottom: 2%;
			}
			.gyp3,.gyp4{
				font-size:14px;
				color: #bcbcbc;
			}
		}
		}
		.gybox4{
			text-align: center;
			font-size: 14px;
			color:#2f2f2f;
			background-color:#e7e7e7;
			padding-top: 12%;
		}
		.gybox6{
			text-align: center;
			font-size: 14px;
			color:#2f2f2f;
			background-color:#e7e7e7;
			padding-top: 10%;
		}
	}
	.chanpin{
		.cpp{
			padding-top: 71px;
			font-size: 28px;
		}
		.cpimg{
			width: 100%;
			background-color: #fdfdfd;
			padding-bottom:3%;
		}
		.cpp1{
			width: 85%;
			margin: 0 auto;
			font-size: 14px;
			color: #000000;
			text-align: center;
		}
		.gexin{
			margin-top: 13%;
			display: flex;
			justify-content: space-between;
			.gxp{
				width: 50%;
				text-align: center;
				padding-top:10%;
				.gxp1{
					font-size: 18px;
					padding-bottom: 5%;
				}
				.gxp2{
					font-size: 14px;
					letter-spacing: 1px;
					margin: 0 auto;
				}
			}
		}
	
	}
	.qita{
		width: 85%;
		margin: 0 auto;
		.qtp{
			font-size: 28px;
			padding: 10% 0 5% 0;
		}
		.qtimg{
			font-size: 0;
			display: flex;
			justify-content: space-between;
			
			>div{
				width: 25%;
				border: 1px solid white;
			}
		}
		}

}
 
footer{
 	width: 73.2%;
 	height:286px;
 	margin: 0 auto;
 	background:url(../images/touming.png) no-repeat scroll 50% 0 black  ;
 	margin-top: 59px;
 	>.ftop{
 		width: 90%;
 		height: 60%;
 		display: flex;
 		justify-content: space-around;
 		font-size: 12px;
 		padding-top: 41px;
 		margin: 0 auto;
 		li a{
 			color: #dcdcdc;
 		}
 		.fleft,.fright,.fmid{
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
 		}
 		.fbig{
 			font-size:14px;
 			display: inline-block;
 			width: 200px;
 			padding-bottom: 5px;
 			border-bottom: 1px solid #dcdcdc;
 		}
 	}
 	>.fbottom{
 		padding-top: 30px;
 		margin: 0 auto;
 		font-size: 14px;
 		color: #dcdcdc;
 		width: 85%;
 		display: flex;
 		justify-content: space-between;
 	}
 }